<template>
  <el-main>
    <AddItem
      @add-item="addItem"
    />
    <Items
      :new-item="newItem"
    />
  </el-main>
</template>

<script>
import AddItem from './AddItem'
import Items from './Items'
export default {
  name: 'Main',
  components: {
    AddItem,
    Items
  },
  methods: {
    addItem (newItem) {
      this.newItem = newItem
    }
  },
  data () {
    return {
      newItem: ''
    }
  }
}
</script>

<style>
</style>
